<template>
 <view class="list_container">
   <view class="list" v-for="(item,index) in allMatch" :key="index" @click="gotoSearch(item.keyword)">
     <text class="iconfont icon-sousuo1"></text>
     <rich-text class="keyword" :nodes="item.keywordNode"></rich-text>
   </view>
 </view>
</template>

<script setup>
  defineProps(['allMatch','words'])
  
  
  const gotoSearch = (keyword) => {
	  uni.redirectTo({
	    url:`/subpages/searchResult/searchResult?keywords=${keyword}`,
	  })
  }
</script>

<style lang="scss" scoped>
  .list_container{
    display: flex;
    flex-direction: column;
    .list{
      height: 100rpx;
      display: flex;
      align-items: center;
      .icon-sousuo1{
        margin: 0 10rpx;
        font-size: 40rpx;
        color: #bababa;
      }
      .keyword{
        flex: 1;
        border-bottom: 2rpx solid #cccccc;
        padding: 20rpx 0;
      }
    }
  }
</style>